<!--
 * @Author: songxiang songxiang0806@qq.com
 * @Date: 2025-08-25 10:16:53
 * @LastEditors: songxiang songxiang0806@qq.com
 * @LastEditTime: 2025-08-26 18:31:21
 * @FilePath: \supermap-webgl\src\components\layer-manager\layer-manager.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <menus-container title="图层管理" position="left">
    <el-tree
      ref="myTreeRef"
      style="max-width: 300px"
      :data="layers"
      show-checkbox
      node-key="id"
      dark
      @check-change="onNodeCheckChange"
    />
  </menus-container>
</template>

<script lang="ts" setup>
import {} from 'vue'
import MenusContainer from '/@src/components/menus-container/menus-container.vue'
import useLayerManager from './use-layer-manager'

const { layers, myTreeRef, onNodeCheckChange } = useLayerManager()
</script>

<style scoped lang="scss">
@import url('./layer-manager.scss');
</style>
